<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i2/O1CN01ZyAlrn1MwaMhqz36G_!!6000000001499-73-tps-64-64.ico" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01EYTRnJ297D6vehehJ_!!6000000008020-55-tps-64-64.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2146231" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe62e;</span>
                <div class="name">权限 (1) 1</div>
                <div class="code-name">&amp;#xe62e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe651;</span>
                <div class="name">对勾 1</div>
                <div class="code-name">&amp;#xe651;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe652;</span>
                <div class="name">更多 (2) 1</div>
                <div class="code-name">&amp;#xe652;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64a;</span>
                <div class="name">标签</div>
                <div class="code-name">&amp;#xe64a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64b;</span>
                <div class="name">修改</div>
                <div class="code-name">&amp;#xe64b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64e;</span>
                <div class="name">删除</div>
                <div class="code-name">&amp;#xe64e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe649;</span>
                <div class="name">机构团体</div>
                <div class="code-name">&amp;#xe649;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe648;</span>
                <div class="name">放大缩小</div>
                <div class="code-name">&amp;#xe648;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe646;</span>
                <div class="name">内容管理</div>
                <div class="code-name">&amp;#xe646;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe642;</span>
                <div class="name">道馆管理</div>
                <div class="code-name">&amp;#xe642;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">后台管理</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">银行卡 支付</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63e;</span>
                <div class="name">微信支付 (1) 1</div>
                <div class="code-name">&amp;#xe63e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63f;</span>
                <div class="name">支付宝支付 </div>
                <div class="code-name">&amp;#xe63f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">切换运动员</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe629;</span>
                <div class="name">新增运动员</div>
                <div class="code-name">&amp;#xe629;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">其他</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe626;</span>
                <div class="name">报告 (2) 1</div>
                <div class="code-name">&amp;#xe626;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">签到</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe623;</span>
                <div class="name">签退</div>
                <div class="code-name">&amp;#xe623;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe622;</span>
                <div class="name">我的-N</div>
                <div class="code-name">&amp;#xe622;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe665;</span>
                <div class="name">商城</div>
                <div class="code-name">&amp;#xe665;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe664;</span>
                <div class="name">新闻资讯</div>
                <div class="code-name">&amp;#xe664;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe653;</span>
                <div class="name">会员卡 (2) 1</div>
                <div class="code-name">&amp;#xe653;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">上课提醒</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">时间 (2) 1</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65b;</span>
                <div class="name">生日祝福</div>
                <div class="code-name">&amp;#xe65b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">赛区</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">赛事-更多</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe660;</span>
                <div class="name">奖牌 (1) 1</div>
                <div class="code-name">&amp;#xe660;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63d;</span>
                <div class="name">证书查询</div>
                <div class="code-name">&amp;#xe63d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe641;</span>
                <div class="name">邀请教练</div>
                <div class="code-name">&amp;#xe641;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">接待</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe647;</span>
                <div class="name">人物榜</div>
                <div class="code-name">&amp;#xe647;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">餐饮</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62c;</span>
                <div class="name">工作台-Y</div>
                <div class="code-name">&amp;#xe62c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62d;</span>
                <div class="name">工作台-N</div>
                <div class="code-name">&amp;#xe62d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe62f;</span>
                <div class="name">编辑 (1) 1</div>
                <div class="code-name">&amp;#xe62f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">活动专区-Y</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe632;</span>
                <div class="name">机构榜</div>
                <div class="code-name">&amp;#xe632;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe633;</span>
                <div class="name">酒店 (1) 3</div>
                <div class="code-name">&amp;#xe633;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe634;</span>
                <div class="name">代表机构</div>
                <div class="code-name">&amp;#xe634;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">我的-Y</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe636;</span>
                <div class="name">首页-Y</div>
                <div class="code-name">&amp;#xe636;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe637;</span>
                <div class="name">个人</div>
                <div class="code-name">&amp;#xe637;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">日历 1</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe639;</span>
                <div class="name">首页-N</div>
                <div class="code-name">&amp;#xe639;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe63c;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe63c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">考试</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">年检录入</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">识别检录</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61c;</span>
                <div class="name">地址</div>
                <div class="code-name">&amp;#xe61c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">信息</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64d;</span>
                <div class="name">更多</div>
                <div class="code-name">&amp;#xe64d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe64c;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe64c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60f;</span>
                <div class="name">查看</div>
                <div class="code-name">&amp;#xe60f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">扫码</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe686;</span>
                <div class="name">感叹号圆</div>
                <div class="code-name">&amp;#xe686;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe609;</span>
                <div class="name">禁止</div>
                <div class="code-name">&amp;#xe609;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7a4;</span>
                <div class="name">qq</div>
                <div class="code-name">&amp;#xe7a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea73;</span>
                <div class="name">微信</div>
                <div class="code-name">&amp;#xea73;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe645;</span>
                <div class="name">角色管理</div>
                <div class="code-name">&amp;#xe645;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea72;</span>
                <div class="name">组织管理</div>
                <div class="code-name">&amp;#xea72;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe833;</span>
                <div class="name">身份管理</div>
                <div class="code-name">&amp;#xe833;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe60e;</span>
                <div class="name">版本更新</div>
                <div class="code-name">&amp;#xe60e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe663;</span>
                <div class="name">组织架构</div>
                <div class="code-name">&amp;#xe663;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">身份证</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">圆点</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe704;</span>
                <div class="name">验证码</div>
                <div class="code-name">&amp;#xe704;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.eot?t=1639636094654'); /* IE9 */
  src: url('iconfont.eot?t=1639636094654#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
       url('iconfont.woff?t=1639636094654') format('woff'),
       url('iconfont.ttf?t=1639636094654') format('truetype'),
       url('iconfont.svg?t=1639636094654#iconfont') format('svg');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont icon_a-quanxian11"></span>
            <div class="name">
              权限 (1) 1
            </div>
            <div class="code-name">.icon_a-quanxian11
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_a-duigou"></span>
            <div class="name">
              对勾 1
            </div>
            <div class="code-name">.icon_a-duigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_a-gengduo"></span>
            <div class="name">
              更多 (2) 1
            </div>
            <div class="code-name">.icon_a-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_biaoqian"></span>
            <div class="name">
              标签
            </div>
            <div class="code-name">.icon_biaoqian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_xiugai"></span>
            <div class="name">
              修改
            </div>
            <div class="code-name">.icon_xiugai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_shanchu"></span>
            <div class="name">
              删除
            </div>
            <div class="code-name">.icon_shanchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_jigoutuanti"></span>
            <div class="name">
              机构团体
            </div>
            <div class="code-name">.icon_jigoutuanti
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_fangdasuoxiao"></span>
            <div class="name">
              放大缩小
            </div>
            <div class="code-name">.icon_fangdasuoxiao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_neirongguanli"></span>
            <div class="name">
              内容管理
            </div>
            <div class="code-name">.icon_neirongguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_daoguanguanli"></span>
            <div class="name">
              道馆管理
            </div>
            <div class="code-name">.icon_daoguanguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_houtaiguanli"></span>
            <div class="name">
              后台管理
            </div>
            <div class="code-name">.icon_houtaiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_yinhangkazhifu"></span>
            <div class="name">
              银行卡 支付
            </div>
            <div class="code-name">.icon_yinhangkazhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_weixinzhifu"></span>
            <div class="name">
              微信支付 (1) 1
            </div>
            <div class="code-name">.icon_weixinzhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_zhifubaozhifu"></span>
            <div class="name">
              支付宝支付 
            </div>
            <div class="code-name">.icon_zhifubaozhifu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_qiehuanyundongyuan"></span>
            <div class="name">
              切换运动员
            </div>
            <div class="code-name">.icon_qiehuanyundongyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_xinzengyundongyuan"></span>
            <div class="name">
              新增运动员
            </div>
            <div class="code-name">.icon_xinzengyundongyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_qita"></span>
            <div class="name">
              其他
            </div>
            <div class="code-name">.icon_qita
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_baogao"></span>
            <div class="name">
              报告 (2) 1
            </div>
            <div class="code-name">.icon_baogao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_qiandao"></span>
            <div class="name">
              签到
            </div>
            <div class="code-name">.icon_qiandao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_qiantui"></span>
            <div class="name">
              签退
            </div>
            <div class="code-name">.icon_qiantui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_wode-N"></span>
            <div class="name">
              我的-N
            </div>
            <div class="code-name">.icon_wode-N
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_Frame"></span>
            <div class="name">
              商城
            </div>
            <div class="code-name">.icon_Frame
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_xinwenzixun"></span>
            <div class="name">
              新闻资讯
            </div>
            <div class="code-name">.icon_xinwenzixun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_huiyuanka"></span>
            <div class="name">
              会员卡 (2) 1
            </div>
            <div class="code-name">.icon_huiyuanka
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_shangketixing"></span>
            <div class="name">
              上课提醒
            </div>
            <div class="code-name">.icon_shangketixing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_shijian"></span>
            <div class="name">
              时间 (2) 1
            </div>
            <div class="code-name">.icon_shijian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_shengrizhufu"></span>
            <div class="name">
              生日祝福
            </div>
            <div class="code-name">.icon_shengrizhufu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_saiqu"></span>
            <div class="name">
              赛区
            </div>
            <div class="code-name">.icon_saiqu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_saishi-gengduo"></span>
            <div class="name">
              赛事-更多
            </div>
            <div class="code-name">.icon_saishi-gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_jiangpai"></span>
            <div class="name">
              奖牌 (1) 1
            </div>
            <div class="code-name">.icon_jiangpai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_zhengshuchaxun"></span>
            <div class="name">
              证书查询
            </div>
            <div class="code-name">.icon_zhengshuchaxun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_yaoqingjiaolian"></span>
            <div class="name">
              邀请教练
            </div>
            <div class="code-name">.icon_yaoqingjiaolian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_jiedai"></span>
            <div class="name">
              接待
            </div>
            <div class="code-name">.icon_jiedai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_renwubang"></span>
            <div class="name">
              人物榜
            </div>
            <div class="code-name">.icon_renwubang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_canyin"></span>
            <div class="name">
              餐饮
            </div>
            <div class="code-name">.icon_canyin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_gongzuotai-Y"></span>
            <div class="name">
              工作台-Y
            </div>
            <div class="code-name">.icon_gongzuotai-Y
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_gongzuotai-N1"></span>
            <div class="name">
              工作台-N
            </div>
            <div class="code-name">.icon_gongzuotai-N1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_a-bianji"></span>
            <div class="name">
              编辑 (1) 1
            </div>
            <div class="code-name">.icon_a-bianji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_huodongzhuanqu-Y"></span>
            <div class="name">
              活动专区-Y
            </div>
            <div class="code-name">.icon_huodongzhuanqu-Y
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_jigoubang"></span>
            <div class="name">
              机构榜
            </div>
            <div class="code-name">.icon_jigoubang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_a-jiudian"></span>
            <div class="name">
              酒店 (1) 3
            </div>
            <div class="code-name">.icon_a-jiudian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_daibiaojigou"></span>
            <div class="name">
              代表机构
            </div>
            <div class="code-name">.icon_daibiaojigou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_wode-Y"></span>
            <div class="name">
              我的-Y
            </div>
            <div class="code-name">.icon_wode-Y
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_shouye-Y"></span>
            <div class="name">
              首页-Y
            </div>
            <div class="code-name">.icon_shouye-Y
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_geren"></span>
            <div class="name">
              个人
            </div>
            <div class="code-name">.icon_geren
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_a-rili"></span>
            <div class="name">
              日历 1
            </div>
            <div class="code-name">.icon_a-rili
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_shouye-N"></span>
            <div class="name">
              首页-N
            </div>
            <div class="code-name">.icon_shouye-N
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_xiaoxi1"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.icon_xiaoxi1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_kaoshi"></span>
            <div class="name">
              考试
            </div>
            <div class="code-name">.icon_kaoshi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_nianjianluru"></span>
            <div class="name">
              年检录入
            </div>
            <div class="code-name">.icon_nianjianluru
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_shibiejianlu"></span>
            <div class="name">
              识别检录
            </div>
            <div class="code-name">.icon_shibiejianlu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dizhi"></span>
            <div class="name">
              地址
            </div>
            <div class="code-name">.icon_dizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_xinxi"></span>
            <div class="name">
              信息
            </div>
            <div class="code-name">.icon_xinxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_gengduo"></span>
            <div class="name">
              更多
            </div>
            <div class="code-name">.icon_gengduo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_dianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.icon_dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_chakan"></span>
            <div class="name">
              查看
            </div>
            <div class="code-name">.icon_chakan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_saoma"></span>
            <div class="name">
              扫码
            </div>
            <div class="code-name">.icon_saoma
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_gantanhaoyuan"></span>
            <div class="name">
              感叹号圆
            </div>
            <div class="code-name">.icon_gantanhaoyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_jinzhi"></span>
            <div class="name">
              禁止
            </div>
            <div class="code-name">.icon_jinzhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_qq"></span>
            <div class="name">
              qq
            </div>
            <div class="code-name">.icon_qq
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_weixin"></span>
            <div class="name">
              微信
            </div>
            <div class="code-name">.icon_weixin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_roles"></span>
            <div class="name">
              角色管理
            </div>
            <div class="code-name">.icon_roles
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_zuzhiguanli"></span>
            <div class="name">
              组织管理
            </div>
            <div class="code-name">.icon_zuzhiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_identity"></span>
            <div class="name">
              身份管理
            </div>
            <div class="code-name">.icon_identity
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_version"></span>
            <div class="name">
              版本更新
            </div>
            <div class="code-name">.icon_version
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_orgnization"></span>
            <div class="name">
              组织架构
            </div>
            <div class="code-name">.icon_orgnization
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_shenfenzheng"></span>
            <div class="name">
              身份证
            </div>
            <div class="code-name">.icon_shenfenzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_state"></span>
            <div class="name">
              圆点
            </div>
            <div class="code-name">.icon_state
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont icon_yanzhengma"></span>
            <div class="name">
              验证码
            </div>
            <div class="code-name">.icon_yanzhengma
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont icon_xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_a-quanxian11"></use>
                </svg>
                <div class="name">权限 (1) 1</div>
                <div class="code-name">#icon_a-quanxian11</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_a-duigou"></use>
                </svg>
                <div class="name">对勾 1</div>
                <div class="code-name">#icon_a-duigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_a-gengduo"></use>
                </svg>
                <div class="name">更多 (2) 1</div>
                <div class="code-name">#icon_a-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_biaoqian"></use>
                </svg>
                <div class="name">标签</div>
                <div class="code-name">#icon_biaoqian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_xiugai"></use>
                </svg>
                <div class="name">修改</div>
                <div class="code-name">#icon_xiugai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_shanchu"></use>
                </svg>
                <div class="name">删除</div>
                <div class="code-name">#icon_shanchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_jigoutuanti"></use>
                </svg>
                <div class="name">机构团体</div>
                <div class="code-name">#icon_jigoutuanti</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_fangdasuoxiao"></use>
                </svg>
                <div class="name">放大缩小</div>
                <div class="code-name">#icon_fangdasuoxiao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_neirongguanli"></use>
                </svg>
                <div class="name">内容管理</div>
                <div class="code-name">#icon_neirongguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_daoguanguanli"></use>
                </svg>
                <div class="name">道馆管理</div>
                <div class="code-name">#icon_daoguanguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_houtaiguanli"></use>
                </svg>
                <div class="name">后台管理</div>
                <div class="code-name">#icon_houtaiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_yinhangkazhifu"></use>
                </svg>
                <div class="name">银行卡 支付</div>
                <div class="code-name">#icon_yinhangkazhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_weixinzhifu"></use>
                </svg>
                <div class="name">微信支付 (1) 1</div>
                <div class="code-name">#icon_weixinzhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_zhifubaozhifu"></use>
                </svg>
                <div class="name">支付宝支付 </div>
                <div class="code-name">#icon_zhifubaozhifu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_qiehuanyundongyuan"></use>
                </svg>
                <div class="name">切换运动员</div>
                <div class="code-name">#icon_qiehuanyundongyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_xinzengyundongyuan"></use>
                </svg>
                <div class="name">新增运动员</div>
                <div class="code-name">#icon_xinzengyundongyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_qita"></use>
                </svg>
                <div class="name">其他</div>
                <div class="code-name">#icon_qita</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_baogao"></use>
                </svg>
                <div class="name">报告 (2) 1</div>
                <div class="code-name">#icon_baogao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_qiandao"></use>
                </svg>
                <div class="name">签到</div>
                <div class="code-name">#icon_qiandao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_qiantui"></use>
                </svg>
                <div class="name">签退</div>
                <div class="code-name">#icon_qiantui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_wode-N"></use>
                </svg>
                <div class="name">我的-N</div>
                <div class="code-name">#icon_wode-N</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_Frame"></use>
                </svg>
                <div class="name">商城</div>
                <div class="code-name">#icon_Frame</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_xinwenzixun"></use>
                </svg>
                <div class="name">新闻资讯</div>
                <div class="code-name">#icon_xinwenzixun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_huiyuanka"></use>
                </svg>
                <div class="name">会员卡 (2) 1</div>
                <div class="code-name">#icon_huiyuanka</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_shangketixing"></use>
                </svg>
                <div class="name">上课提醒</div>
                <div class="code-name">#icon_shangketixing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_shijian"></use>
                </svg>
                <div class="name">时间 (2) 1</div>
                <div class="code-name">#icon_shijian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_shengrizhufu"></use>
                </svg>
                <div class="name">生日祝福</div>
                <div class="code-name">#icon_shengrizhufu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_saiqu"></use>
                </svg>
                <div class="name">赛区</div>
                <div class="code-name">#icon_saiqu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_saishi-gengduo"></use>
                </svg>
                <div class="name">赛事-更多</div>
                <div class="code-name">#icon_saishi-gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_jiangpai"></use>
                </svg>
                <div class="name">奖牌 (1) 1</div>
                <div class="code-name">#icon_jiangpai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_zhengshuchaxun"></use>
                </svg>
                <div class="name">证书查询</div>
                <div class="code-name">#icon_zhengshuchaxun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_yaoqingjiaolian"></use>
                </svg>
                <div class="name">邀请教练</div>
                <div class="code-name">#icon_yaoqingjiaolian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_jiedai"></use>
                </svg>
                <div class="name">接待</div>
                <div class="code-name">#icon_jiedai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_renwubang"></use>
                </svg>
                <div class="name">人物榜</div>
                <div class="code-name">#icon_renwubang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_canyin"></use>
                </svg>
                <div class="name">餐饮</div>
                <div class="code-name">#icon_canyin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_gongzuotai-Y"></use>
                </svg>
                <div class="name">工作台-Y</div>
                <div class="code-name">#icon_gongzuotai-Y</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_gongzuotai-N1"></use>
                </svg>
                <div class="name">工作台-N</div>
                <div class="code-name">#icon_gongzuotai-N1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_a-bianji"></use>
                </svg>
                <div class="name">编辑 (1) 1</div>
                <div class="code-name">#icon_a-bianji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_huodongzhuanqu-Y"></use>
                </svg>
                <div class="name">活动专区-Y</div>
                <div class="code-name">#icon_huodongzhuanqu-Y</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_jigoubang"></use>
                </svg>
                <div class="name">机构榜</div>
                <div class="code-name">#icon_jigoubang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_a-jiudian"></use>
                </svg>
                <div class="name">酒店 (1) 3</div>
                <div class="code-name">#icon_a-jiudian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_daibiaojigou"></use>
                </svg>
                <div class="name">代表机构</div>
                <div class="code-name">#icon_daibiaojigou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_wode-Y"></use>
                </svg>
                <div class="name">我的-Y</div>
                <div class="code-name">#icon_wode-Y</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_shouye-Y"></use>
                </svg>
                <div class="name">首页-Y</div>
                <div class="code-name">#icon_shouye-Y</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_geren"></use>
                </svg>
                <div class="name">个人</div>
                <div class="code-name">#icon_geren</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_a-rili"></use>
                </svg>
                <div class="name">日历 1</div>
                <div class="code-name">#icon_a-rili</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_shouye-N"></use>
                </svg>
                <div class="name">首页-N</div>
                <div class="code-name">#icon_shouye-N</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_xiaoxi1"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#icon_xiaoxi1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_kaoshi"></use>
                </svg>
                <div class="name">考试</div>
                <div class="code-name">#icon_kaoshi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_nianjianluru"></use>
                </svg>
                <div class="name">年检录入</div>
                <div class="code-name">#icon_nianjianluru</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_shibiejianlu"></use>
                </svg>
                <div class="name">识别检录</div>
                <div class="code-name">#icon_shibiejianlu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dizhi"></use>
                </svg>
                <div class="name">地址</div>
                <div class="code-name">#icon_dizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_xinxi"></use>
                </svg>
                <div class="name">信息</div>
                <div class="code-name">#icon_xinxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_gengduo"></use>
                </svg>
                <div class="name">更多</div>
                <div class="code-name">#icon_gengduo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_dianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#icon_dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_chakan"></use>
                </svg>
                <div class="name">查看</div>
                <div class="code-name">#icon_chakan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_saoma"></use>
                </svg>
                <div class="name">扫码</div>
                <div class="code-name">#icon_saoma</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_gantanhaoyuan"></use>
                </svg>
                <div class="name">感叹号圆</div>
                <div class="code-name">#icon_gantanhaoyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_jinzhi"></use>
                </svg>
                <div class="name">禁止</div>
                <div class="code-name">#icon_jinzhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_qq"></use>
                </svg>
                <div class="name">qq</div>
                <div class="code-name">#icon_qq</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_weixin"></use>
                </svg>
                <div class="name">微信</div>
                <div class="code-name">#icon_weixin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_roles"></use>
                </svg>
                <div class="name">角色管理</div>
                <div class="code-name">#icon_roles</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_zuzhiguanli"></use>
                </svg>
                <div class="name">组织管理</div>
                <div class="code-name">#icon_zuzhiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_identity"></use>
                </svg>
                <div class="name">身份管理</div>
                <div class="code-name">#icon_identity</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_version"></use>
                </svg>
                <div class="name">版本更新</div>
                <div class="code-name">#icon_version</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_orgnization"></use>
                </svg>
                <div class="name">组织架构</div>
                <div class="code-name">#icon_orgnization</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_shenfenzheng"></use>
                </svg>
                <div class="name">身份证</div>
                <div class="code-name">#icon_shenfenzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_state"></use>
                </svg>
                <div class="name">圆点</div>
                <div class="code-name">#icon_state</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#icon_yanzhengma"></use>
                </svg>
                <div class="name">验证码</div>
                <div class="code-name">#icon_yanzhengma</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
